<ng-container *ngFor="let input of inputList; let i = index; let last = last; trackBy: trackByFn">
  <input
    #input
    [value]="IPValue[i] || ''"
    [attr.maxlength]="lvType === 'v4' ? maxLengthEnum.IPv4 : maxLengthEnum.IPv6"
    (input)="onInput($event, i)"
    (paste)="onPaste($event)"
    (keydown)="onKeydown($event, i)"
    (focus)="onFocus($event)"
    (blur)="onBlur()"
    [disabled]="getItemDisabled(i)"
  />
  <span *ngIf="!last" [ngClass]="{ 'lv-colon-separator': lvType === 'v6' }">
    {{ lvType === 'v4' ? '•' : ':' }}
  </span>
</ng-container>
<ng-container *ngIf="lvType === 'v4' && lvShowPort">
  <span class="lv-colon-separator">:</span>
  <input
    #input
    [value]="portValue || ''"
    [attr.maxlength]="maxLengthEnum.port"
    (input)="onPortInput($event)"
    (paste)="onPaste($event)"
    (keydown)="onKeydown($event)"
    (focus)="onFocus($event)"
    (blur)="onBlur()"
    [disabled]="getItemDisabled(4)"
  />
</ng-container>
<lv-help-tooltip></lv-help-tooltip>
